<template>
   <div>
     <el-row style="height: 89px; background-color: #00BBFF">
      <el-col :span="4" class="text-center pt-4 pb-3">
        <span class="fs-4">校园答疑互动平台</span>
      </el-col>
      <el-col :span="2" class="text-center pt-4 pb-4">
        <el-button type="primary" class="pt-3 pb-3 fs-4" round>首页</el-button>
      </el-col>
      <el-col :span="2" class="text-left pt-4 pb-4">
        <el-button type="primary" class="pt-3 pb-3 fs-4" round @click="this.$router.push('/anxin')">提问吧</el-button>
      </el-col>
      <el-col :span="5" class="text-left pt-4 pb-4">
        <el-input placeholder="请输入搜索内容">
          <template #append>
            <el-button type="Primary">
              <el-icon><search /></el-icon>
            </el-button>
          </template>
        </el-input>
      </el-col>
      <el-col :span="1" class="text-center pt-4 pb-4">
        <el-font class="fs-5">天气</el-font>
      </el-col>
      <el-col :span="2" class="text-center pt-2 pb-2">
        <el-font class="fs-6">今日</el-font>
      </el-col>
      <el-col :span="2" class="text-center pt-2 pb-2">
        <el-font class="fs-6">明日</el-font>
      </el-col>
      <el-col :span="2" class="text-center pt-4 pb-4">
        <div v-if="loginstatus">
        <el-font>欢迎您</el-font>
        <img :src="headUrl" style="width:6rem;heighr:6rem "  @click="this.$router.push('/')">
      </div>
      <div v-else> 
        <el-button type="primary" class="pt-3 pb-3 fs-4" round @click="this.$router.push('/login')">登录</el-button>
      </div>
      </el-col>
      <el-col :span="2" class="text-center pt-4 pb-4">
        <el-dropdown split-button type="primary" style="w-100">
          个人信息
          <template #dropdown>
            <el-dropdown-menu>
              <el-dropdown-item>详细信息</el-dropdown-item>
              <el-dropdown-item @click="this.$router.push('/person')">修改信息</el-dropdown-item>
              <el-dropdown-item>安全设置</el-dropdown-item>
              <el-dropdown-item>我的提问</el-dropdown-item>
              <el-dropdown-item>退出登录</el-dropdown-item>
            </el-dropdown-menu>
          </template>
        </el-dropdown>
      </el-col>
      <el-col :span="2" class="text-center pt-1 pb-2">
        <img src="@/assets/shouye.jpg" style="width: 5rem; height: 5rem">
      </el-col>
    </el-row>
  </div>
  <div class="common-layout w-50 mx-auto" style="background-image: linear-gradient(to right,#ffa900,#66FFFF);">
    <el-container class="mt-5" >
      <el-header><el-row>
        <el-col :span="24" class="mx-auto text-center">
         <el-menu mode="horizontal" class="h-100 theme-head-right" style="background-image: linear-gradient(to right,#ffa900,#66FFFF);" 
                :router="true">
         <el-menu-item class="fs-3">我的提问</el-menu-item>
         </el-menu>
        </el-col>
      </el-row ></el-header>
       </el-container>
       <div>
          <el-row>
              <el-col :span="24">
                标题
                <!-- <el-link type="primary"> -->
                  <!-- <router-link
                    :to="{ path: '/detail/' + note.noteId }"
                    class="fs-3">
                    {{ note.noteName }}
                  </router-link> -->
                <!-- </el-link> -->
              </el-col>
            </el-row>
            <el-row class="mt-2">
              <el-col :span="2">
                头像
                <!-- <img class="w-100" :src="note.headUrl" /> -->
              </el-col>
              <el-col :span="21" class="ps-1 ,fs-3">
                正文
                <!-- {{ note.noteIntro }} -->
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="3">昵称</el-col>
              <el-col :span="3" class="ps-2">时间</el-col>
              <el-col :span="3" :offset="1"><el-icon class="h-100"><Dessert /></el-icon>点赞</el-col>
              <el-col :span="3"><el-icon class="h-100"><Tickets /></el-icon>评论</el-col>
              <el-col :span="3"><el-icon class="h-100"><View /></el-icon>5</el-col>
              <el-col :span="3"><el-icon class="h-100"><DeleteFilled />0</el-icon></el-col>
              <el-col :span="6"></el-col>
            </el-row>
       </div>
    </div>
</template>

<script>
import {View,Dessert,Tickets,DeleteFilled} from '@element-plus/icons-vue'
export default {
 name:"NoteQuestion",
  components:{
        View,Dessert,Tickets,DeleteFilled
    },
}
</script>

<style>

</style>